<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta id="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<meta name="apple-themes-web-app-capable" content="yes">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<meta content="email=no" name="format-detection">
		<meta name="format-detection" content="telephone=no">
		<title>招募好友</title>
        <link rel="stylesheet" href="${s.base}/mobile/css/main.css" type="text/css" media="all">
	</head>

	<body>   
		<header id="header">
			<div class="header_con">
				<a href="javascript:history.go(-1);"><span></span></a> 
                <div class="top_tit">招募好友</div>         
			</div>
		</header>
		<style type="text/css">
        	.content_top{width:100%; background-color:#FFF;}
			.content_top .content_top_title{width:100%; height:auto;  border-bottom:1px solid #ccc;}
			.content_top .content_top_title .content_top_left{  border-bottom:1px solid #ccc;width:58%; margin-left:2%; height:0.86rem; float:left; text-align:left;line-height: 0.86rem;color: #333;font-size: 0.26rem;}
			.content_top .content_top_title .content_top_right{  border-bottom:1px solid #ccc; width:38%; margin-right:2%; height:0.86rem; line-height:0.86rem; float:left; text-align:right;}
			.content_top .content_top_title .content_top_right input{width:1.2rem;height:25px; text-align:center; font-size:0.24rem; color:#fff;  background-color:#d91d37; border:1px solid #d91d37; border-radius:5px;}
			.content_top{width:100%; clear:both;}
			.content_top .content_top_desc{ border-bottom:1px solid #ccc;width:96%; padding-left:2%; padding-right:2%; line-height: 0.6rem;color: #666;font-size: 0.18rem;}
			.font1{color:#F00;}
			
			.xy_list{width:100%; background-color:#FFF;}
			.xy_list .content{width:100%;}
			.xy_list .content li{width:100%; padding:0px; height:0.66rem;}
			.xy_list .content li .c_left{width:30%; float:left;line-height: 0.66rem;color: #333;font-size: 0.22rem; text-align:center; }
			.xy_list .content li .c_center{width:40%; float:left;line-height: 0.66rem;color: #333;font-size: 0.2rem; text-align:center;}
			.xy_list .content li .c_right{width:30%; float:left;line-height: 0.66rem;color: #333;font-size: 0.22rem; text-align:center; }
			
        </style>
		<div id="content_div">
          	<div class="content_top">
            	<div class="content_top_title">
                	<div class="content_top_left">您已成功招募<span class="font1">${memberList?size}</span>位好友</div>
                    <div class="content_top_right">
                        <input type="button" value="邀请好友"/>
                    </div>
                </div>
                <div class="content_top_desc">
                	可获得好友充值钻石<span class="font1">200%</span>的积分提成
                </div>
            </div>
            <#if memberList?? && (memberList?size > 0) >
                <div class="xy_list">
                   <h2 style=" width:100%;  height:0.2rem;"></h2>
                   <ul class="content">
                    <li>
                        <div class="c_left">用户名</div>
                        <div class="c_center">注册时间</div>
                        <div class="c_right">消费钻石</div>
                    </li>
                   <#list memberList as member>
                       <li>
                           <div class="c_left">${member.id}</div>
                           <div class="c_center">${member.createTime?date}</div>
                           <div class="c_right">${member.consumeMoney}</div>
                       </li>
                   </#list>

                   </ul>
                </div>
            <#else>
                <div class="yy_jl_no">
                    <i></i>
                    <p>您还没有招募好友哦！</p>
                </div>
            </#if>
      </div>
            <!--底部-->
			<!--底部结束-->
        <script type="text/javascript" src="${s.base}/mobile/js/jquery.min.js"></script>
        <script type="text/javascript" src="${s.base}/mobile/js/common.js"></script>
	</body>

</html>